<html>
<head>
    <meta charset="UTF-8">
    <style>
        table
        {
            border-collapse:collapse;
        }
        th, td
        {
            border: 1px solid black;
            height: 40px;
            padding: 15px;
        }
    </style>
</head>
<body>
<div id="banner"></div>
<center>
<table id="jobList">

</table>
</center>
<script src="js/libs/jquery.js"></script>
<script src="js/common.js"></script>

<script>

    $.get("/api/jobList?page=1", (resp) => {
        // console.log(data);
        let html = '';
        for (let job of resp.data) {
            // console.log(job);
            html += `
                <tr>
                    <td><a href="/jobDetail.html?jobId=${job.id}">${job.title}</a></td>
<!--                    <div><pre>${job.description}</pre></div>-->
                    <td>工作地点：${job.location}</td>
                    <td>薪水：${job.salary}</td>
                </tr>
            `;
        }

        // console.log(html);

        $("#jobList").html(html);
    });
</script>
<script src="js/statis.js"></script>
</body>
</html>